<template>
  <div class="title-line flex">
    <div class="flex-1 left">
      <slot />
    </div>
    <div class="text-right">
      <slot name="rightButtons" />
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {

    }
  },
  created() {},
  methods: {

  }
}
</script>
<style lang='scss' scoped>
.title-line {
  padding: 10px 0 ;
  width: 100%;

  .left {
    padding-left: 8px;
    font-weight: 900;
    font-size: 14px;

    &::before {
      content: "";
      position: relative;
      top: 1px;
      left: -8px;
      display: inline-block;
      width: 3px;
      height: 12px;
      background: #06f;
    }
  }
}
</style>
